<template>
  <div>
    <h1>App</h1>
    <SonVue />

    <ChildrenVue></ChildrenVue>
  </div>
</template>

<script>
import ChildrenVue from './components/children.vue'
import SonVue from './components/Son.vue'
export default {
  name: 'App',
  data() {
    return {
      num: 15,
    }
  },
  components: {
    ChildrenVue,
    SonVue,
  },
  mounted() {
    // 获取到所有的子组件实例,可以直接通讯
    // 子组件会被放置到一个数组中去,通过下标存取
    // 数组顺序和排列顺序有关
    console.log(this.$children)
  },
  methods: {},
}
</script>

<style></style>
